/*@font-face {
    font-family:'zfzcyh';
    src: url('../fonts/xxxx.eot') format('embedded-opentype');

}*/

a:focus,
input,
textarea {
    outline: none;
}

* {
    margin: 0px;
    padding: 0px;
    -webkit-overflow-scrolling: touch;
    -webkit-overflow-scrolling: touch;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    word-break: break-all;
}

.fl {
    float: left;
}

.fr {
    float: right;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: normal;
    line-height: 1;
}

a,
span,
i {}

button,
input,
optgroup,
select,
textarea {
    font-family: inherit;
    /* 1 */
    font-size: 100%;
    /* 1 */
    line-height: 1.15;
    /* 1 */
    margin: 0;
    /* 2 */
}

.clear {
    clear: both;
}

ul,
ol,
li {
    list-style: none;
    margin: 0;
    padding: 0;
}

a {
    text-decoration: none;
}

a:hover {
    text-decoration: none;
}

h1 {
    margin-top: 0px;
    margin-bottom: 0px;
}

p {
    margin-bottom: 0px;
    margin-top: 0px;
}

img {
    border: 0px;
    vertical-align: middle;
}

.img {
    width: 100%;
    height: auto;
}

body {
    overflow-x: hidden;
    font-family: Microsoft YaHei, Segoe UI, Tahoma, Arial, Verdana, sans-serif;
    line-height: 1;
}

.sectionhalf {
    width: 600px;
}

/*.section_big{min-width: 1200px; margin-right: auto; margin-left: auto;}
.section{width: 1200px; margin-right: auto; margin-left: auto;}*/

.absolute {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    overflow: hidden;
}

.absolute2 {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

.detailCon p {
    display: block;
}

.detailCon span,
.detailCon a,
.detailCon i {
    display: inline;
}

.detailCon img {
    max-width: 100% !important;
    height: auto !important;
}

.backLazys {
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}

a:focus,
a:link,
a {
    text-decoration: none;
}

.scrollcomm {
    position: relative;
    top: 90px;
    opacity: 0;
    filter: alpha(opacity=0);
    zoom: 1;
}

.scrollcomm1 {
    top: 90px;
    opacity: 0;
    filter: alpha(opacity=0);
    zoom: 1;
}

.scrollcomm2 {
    opacity: 0;
    filter: alpha(opacity=0);
    zoom: 1;
}

.scrollcomm3 {
    margin-top: 80px;
    opacity: 0;
    filter: alpha(opacity=0);
    zoom: 1;
}

.article-block {
    position: relative;
}

.opacityzero {
    opacity: 0;
    display: none\9;
}

.tran {
    transition: all 0.4s;
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
}

.trandelay {
    transition: all 0.6s 0.2s;
    -webkit-transition: all 0.6s 0.2s;
    -moz-transition: all 0.6s 0.2s;
}

.tranfive {
    transition: all 4s;
    -webkit-transition: all 4s;
    -moz-transition: all 4s;
}

.tranthree {
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
}

.trantwo {
    transition: all 0.2s;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
}

.transix {
    transition: all 0.6s;
    -webkit-transition: all 0.6s;
    -moz-transition: all 0.6s;
}

.transixdelayone {
    transition: all 0.2s 0.2s;
    -webkit-transition: all 0.2s 0.2s;
    -moz-transition: all 0.2s 0.2s;
}

.tranba {
    transition: all 0.8s;
    -webkit-transition: all 0.8s;
    -moz-transition: all 0.8s;
}

.transcaleleft {
    transform: scale(0, 1);
    -o-transform: scale(0, 1);
    -ms-transform: scale(0, 1);
    -moz-transform: scale(0, 1);
    -webkit-transform: scale(0, 1);
}

.transcaletop {
    transform: scale(1, 0);
    -o-transform: scale(1, 0);
    -ms-transform: scale(1, 0);
    -moz-transform: scale(1, 0);
    -webkit-transform: scale(1, 0);
}

.transcalow {
    transform: scale(1.2);
    -o-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -webkit-transform: scale(1.2);
}

.transcaonenoe {
    transform: scale(1.1);
    -o-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -webkit-transform: scale(1.1);
}

.transcaonefive {
    transform: scale(1.5);
    -o-transform: scale(1.5);
    -ms-transform: scale(1.5);
    -moz-transform: scale(1.5);
    -webkit-transform: scale(1.5);
}

.transcaone {
    transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    -moz-transform: scale(1);
    -webkit-transform: scale(1);
}

.transcaonezerofive {
    transform: scale(1.05);
    -o-transform: scale(1.05);
    -ms-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -webkit-transform: scale(1.05);
}

.transcalzero {
    transform: scale(0);
    -o-transform: scale(0);
    -ms-transform: scale(0);
    -moz-transform: scale(0);
    -webkit-transform: scale(0);
}

.transcalzerofive {
    transform: scale(0.5);
    -o-transform: scale(0.5);
    -ms-transform: scale(0.5);
    -moz-transform: scale(0.5);
    -webkit-transform: scale(0.5);
}

.transcalzerofiveX {
    transform: scaleX(0.5);
    -o-transform: scaleX(0.5);
    -ms-transform: scaleX(0.5);
    -moz-transform: scaleX(0.5);
    -webkit-transform: scaleX(0.5);
}

.transcalxzero {
    transform: scaleX(0);
    -o-transform: scaleX(0);
    -ms-transform: scaleX(0);
    -moz-transform: scaleX(0);
    -webkit-transform: scaleX(0);
}

/*.ismages:hover img{transform:scale(1.2); -o-transform:scale(1.2);  -ms-transform:scale(1.2); -moz-transform:scale(1.2); -webkit-transform:scale(1.2); cursor: pointer;}
*/

.ismages:hover .noscale {
    transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    -moz-transform: scale(1);
    -webkit-transform: scale(1);
}

.ismages:hover .tranA {
    transform: scale(1.2);
    -o-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -webkit-transform: scale(1.2);
    cursor: pointer;
}

.tranorgin_rightTop {
    transform-origin: right top;
    -webkit-transform-origin: right top;
    -moz-transform-origin: right top;
    -ms-transform-origin: right top;
    -o-transform-origin: right top;
}

.tranorgin_rightTop {
    transform-origin: right top;
    -webkit-transform-origin: right top;
    -moz-transform-origin: right top;
    -ms-transform-origin: right top;
    -o-transform-origin: right top;
}

.tranorgin_rightTop {
    transform-origin: right top;
    -webkit-transform-origin: right top;
    -moz-transform-origin: right top;
    -ms-transform-origin: right top;
    -o-transform-origin: right top;
}

.tranorgin_rightbottom {
    transform-origin: right bottom;
    -webkit-transform-origin: right bottom;
    -moz-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    -o-transform-origin: right bottom;
}

.tranorgin_leftbottom {
    transform-origin: left bottom;
    -webkit-transform-origin: left bottom;
    -moz-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    -o-transform-origin: left bottom;
}

.tranorgin_lefttop {
    transform-origin: left bottom;
    -webkit-transform-origin: left bottom;
    -moz-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    -o-transform-origin: left bottom;
}

.tranorgin_midbottom {
    transform-origin: 50% bottom;
    -webkit-transform-origin: 50% bottom;
    -moz-transform-origin: 50% bottom;
    -ms-transform-origin: 50% bottom;
    -o-transform-origin: 50% bottom;
}

.tranorgin_rightmid {
    transform-origin: 100% center;
    -webkit-transform-origin: 100% center;
    -moz-transform-origin: 100% center;
    -ms-transform-origin: 100% center;
    -o-transform-origin: 100% center;
}

.tranorgin_center {
    transform-origin: 50%;
    -webkit-transform-origin: 50%;
    -moz-transform-origin: 50%;
    -ms-transform-origin: 50%;
    -o-transform-origin: 50%;
}

.tranorgin_center {
    transform-origin: 50%;
    -webkit-transform-origin: 50%;
    -moz-transform-origin: 50%;
    -ms-transform-origin: 50%;
    -o-transform-origin: 50%;
}

.tranorgin_right {
    -webkit-transform-origin: right;
    -ms-transform-origin: right;
    transform-origin: right;
}

.tranorgin_left {
    -webkit-transform-origin: left;
    -ms-transform-origin: left;
    transform-origin: left;
}

.transLateX100 {
    transform: translateX(100px);
    -webkit-transform: translateX(100px)
}

.transLateX-100 {
    transform: translateX(-100px);
    -webkit-transform: translateX(-100px)
}

.transLateX20 {
    transform: translateX(20px);
    -webkit-transform: translateX(20px)
}

.transLateX-20 {
    transform: translateX(-20px);
    -webkit-transform: translateX(-20px)
}

.video_popup {
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0;
    top: 100%;
    background: url(../images/video_bg.png);
    z-index: 999999;
    opacity: 0;
    filter: alpha(opacity=0);
}

.video_popup .video_con {
    position: absolute;
    font-size: 14px;
    color: #000;
    text-align: center;
    width: 70%;
    height: 70%;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    display: block;
}

.video_popup .video_close {
    width: 27px;
    height: 27px;
    background: url(../images/close1.png) center center no-repeat;
    position: absolute;
    right: -25px;
    top: -25px;
    cursor: pointer;
    background-size: cover;
}

.party_info_hide {
    display: none;
}

.video_popup video {
    background: #fff\9;
    text-align: center;
    min-height: 60px;
    line-height: 60px;
}

.page_info .page_about_play,
.page_about_diplay {
    width: 50%;
}

.page_info a:hover>img {
    transform: scale(1.2);
    -o-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -webkit-transform: scale(1.2);
}

.page_info .page_info_A {
    width: 100%;
    display: block;
    position: relative;
    padding-bottom: 54%;
    height: 0;
    overflow: hidden;
}

.page_info img {
    width: 100%;
}

.page_info .play_icon {
    width: 100px;
    height: 136px;
    text-align: center;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -50px;
    margin-top: -68px;
    color: #fff;
    font-size: 20px;
}

.page_info .play_icon img {
    margin-bottom: 15px;
}

.page_info .page_about_more {
    position: absolute;
    width: 170px;
    height: 42px;
    line-height: 42px;
    font-size: 18px;
    color: #fff;
    padding-left: 24px;
    background: #323232 url(../images/page_more_icon.png) 133px center no-repeat;
    left: 0;
    bottom: 0;
    z-index: 10;
}

.page_info .page_about_more:hover {
    background: #2ac672 url(../images/page_more_icon.png) 133px center no-repeat;
}

.page_about_eidt {
    margin-top: 50px;
    font-size: 14px;
    color: #333333;
    line-height: 32px;
}

.index_video {
    cursor: pointer;
}

.common-bot span {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #e2e1da;
    margin-right: 8px;
    display: inline-block;
}

.party_dots {
    height: 5px;
}

.party_dots span {
    width: 5px;
    vertical-align: top;
    display: inline-block;
    height: 5px;
    background: #fff;
    opacity: 0.5;
    filter: alpha(opacity=50);
    margin-left: 2px;
    margin-right: 2px;
    border-radius: 2.5px
}

.party_dots span.active {
    opacity: 1;
    filter: alpha(opacity=1);
}

.black span {
    background: #000;
}

.white span {
    background: #fff;
}

.dot1 {
    animation: roundone 1.5s linear 0.25s infinite;
    -webkit-animation: roundone 1.5s linear 0.25s infinite;
}

.dot2 {
    animation: roundone 1.5s linear 0.75s infinite;
    -webkit-animation: roundone 1.5s linear 0.75s infinite;
}

.dot3 {
    animation: roundone 1.5s linear 1.25s infinite;
    -webkit-animation: roundone 1.5s linear 1.25s infinite;
}

@keyframes roundone {
    0% {
        transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        -moz-transform: scale(1);
        -webkit-transform: scale(1);
        opacity: 1;
        fiter: alpha(opacity==1);
    }
    49% {
        transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        -moz-transform: scale(1);
        -webkit-transform: scale(1);
        opacity: 0;
        fiter: alpha(opacity==0);
    }
    50% {
        transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        -moz-transform: scale(1);
        -webkit-transform: scale(1);
    }
    100% {
        transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        -moz-transform: scale(1);
        -webkit-transform: scale(1);
        opacity: 1;
        fiter: alpha(opacity==1);
    }
}

@-webkit-keyframes roundone {
    0% {
        transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        -moz-transform: scale(1);
        -webkit-transform: scale(1);
        opacity: 1;
        fiter: alpha(opacity==1);
    }
    49% {
        transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        -moz-transform: scale(1);
        -webkit-transform: scale(1);
        opacity: 0;
        fiter: alpha(opacity==0);
    }
    50% {
        transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        -moz-transform: scale(1);
        -webkit-transform: scale(1);
    }
    100% {
        transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        -moz-transform: scale(1);
        -webkit-transform: scale(1);
        opacity: 1;
        fiter: alpha(opacity==1);
    }
}

@-moz-keyframes roundone {
    0% {
        transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        -moz-transform: scale(1);
        -webkit-transform: scale(1);
        opacity: 1;
        fiter: alpha(opacity==1);
    }
    49% {
        transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        -moz-transform: scale(1);
        -webkit-transform: scale(1);
        opacity: 0;
        fiter: alpha(opacity==0);
    }
    50% {
        transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        -moz-transform: scale(1);
        -webkit-transform: scale(1);
    }
    100% {
        transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        -moz-transform: scale(1);
        -webkit-transform: scale(1);
        opacity: 1;
        fiter: alpha(opacity==1);
    }
}

@-ms-keyframes roundone {
    0% {
        transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        -moz-transform: scale(1);
        -webkit-transform: scale(1);
        opacity: 1;
        fiter: alpha(opacity==1);
    }
    49% {
        transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        -moz-transform: scale(1);
        -webkit-transform: scale(1);
        opacity: 0;
        fiter: alpha(opacity==0);
    }
    50% {
        transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        -moz-transform: scale(1);
        -webkit-transform: scale(1);
    }
    100% {
        transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        -moz-transform: scale(1);
        -webkit-transform: scale(1);
        opacity: 1;
        fiter: alpha(opacity==1);
    }
}

fieldset,
input,
button,
textarea {
    margin: 0;
    padding: 0;
    border: 0;
    outline: none;
    -webkit-appearance: none;
}

/*.video { 
      position: absolute;
      top: 50%;
      left: 50%;
      min-width: 100%;
      min-height: 100%;
      width: auto;
      height: auto;
      transform: translateX(-50%) translateY(-50%);
      background-size: cover;
      transition: 1s opacity;
  }*/

.mid_table {
    height: 100%;
    display: table;
    width: 100%;
}

.mid_cell {
    display: table-cell;
    vertical-align: middle;
}

.bot_cell {
    display: table-cell;
    vertical-align: bottom;
}

.mt160 {
    margin-top: 160px
}

.mt110 {
    margin-top: 110px;
}

.mb250 {
    margin-bottom: 250px;
}

.mb260 {
    margin-bottom: 260px;
}

.ml98 {
    margin-left: -80px;
}

.mt60 {
    margin-top: 60px
}

.mt70 {
    margin-top: 70px
}

.mt276 {
    margin-top: 276px;
}

.mt76 {
    margin-top: 76px;
}

.pt60 {
    padding-top: 60px
}

.p10 {
    padding: 10px;
}

.p20 {
    padding: 20px;
    background: #fff;
}

.mt90 {
    padding-top: 90px;
}

.mb75 {
    margin-bottom: 75px;
}

.mb60 {
    padding-bottom: 60px;
}

.pb0 {
    padding-bottom: 0px !important;
}

.pt58 {
    padding-top: 58px;
}

.pb58 {
    padding-bottom: 58px;
}

.mt40 {
    margin-top: 40px;
}

.mt30 {
    margin-top: 30px;
}

.mt20 {
    margin-top: 20px;
}

.mt15 {
    margin-top: 15px;
}

.mt10 {
    margin-top: 10px;
}

.mb40 {
    margin-bottom: 40px;
}

.mb24 {
    margin-bottom: 24px;
}

.mt20 {
    margin-top: 20px;
}

.z100 {
    font-size: 100px;
}

.z80 {
    font-size: 80px;
}

.z70 {
    font-size: 70px;
}

.z68 {
    font-size: 68px;
}

.z60 {
    font-size: 60px;
}

.z56 {
    font-size: 56px;
}

.z50 {
    font-size: 50px;
}

.z40 {
    font-size: 40px;
}

.z46 {
    font-size: 46px;
}

.z36 {
    font-size: 36px;
}

.z34 {
    font-size: 34px;
}

.z32 {
    font-size: 32px;
}

.z30 {
    font-size: 30px;
}

.z28 {
    font-size: 28px;
}

.z25 {
    font-size: 25px;
}

.z24 {
    font-size: 24px;
}

.z22 {
    font-size: 22px;
}

.z20 {
    font-size: 20px;
}

.z18 {
    font-size: 18px;
}

.z16 {
    font-size: 16px;
}

.z15 {
    font-size: 15px;
}

.z14 {
    font-size: 14px;
}

.z13 {
    font-size: 13px;
}

.z12 {
    font-size: 14px;
}

.z10 {
    font-size: 10px;
}

.c002251 {
    color: #002251
}

.c454545 {
    color: #454545
}

.c333 {
    color: #333;
}

.mui_ellipsis {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

@media screen and (max-width: 1700px) {
    .z100 {
        font-size: 88px;
    }
    .z80 {
        font-size: 70px;
    }
    .z70 {
        font-size: 59px;
    }
    .z68 {
        font-size: 60px;
    }
    .z60 {
        font-size: 52px;
    }
    .z56 {
        font-size: 50px;
    }
    .z50 {
        font-size: 44px;
    }
    .z46 {
        font-size: 40px;
    }
    .z40 {
        font-size: 35px;
    }
    .z36 {
        font-size: 32px;
    }
    .z25 {
        font-size: 22px;
    }
    .z24 {
        font-size: 21px;
    }
    .z20 {
        font-size: 17px;
    }
    .z18 {
        font-size: 16px;
    }
    .z22 {
        font-size: 20px;
    }
    .z16 {
        font-size: 15px;
    }
    .z30 {
        font-size: 26px;
    }
    .z34 {
        font-size: 27px;
    }
}

@media screen and (max-width: 1500px) {
    .z100 {
        font-size: 76px;
    }
    .z80 {
        font-size: 62px;
    }
    .z70 {
        font-size: 50px;
    }
    .z60 {
        font-size: 46px;
    }
    .z68 {
        font-size: 54px;
    }
    .z56 {
        font-size: 44px;
    }
    .z46 {
        font-size: 35px;
    }
    .z50 {
        font-size: 39px;
    }
    .z40 {
        font-size: 30px;
    }
    .z36 {
        font-size: 26px;
    }
    .z25 {
        font-size: 20px;
    }
    .z24 {
        font-size: 18px;
    }
    .z20 {
        font-size: 16px;
    }
    .z22 {
        font-size: 16px;
    }
    .z30 {
        font-size: 23px;
    }
    .z34 {
        font-size: 24px;
    }
    .z16 {
        font-size: 14px;
    }
}

@media screen and (max-width: 1200px) {}

@media screen and (max-width: 1024px) {
    .z100 {
        font-size: 50px;
    }
    .z80 {
        font-size: 42px;
    }
    .z70 {
        font-size: 33px;
    }
    .z68 {
        font-size: 32px;
    }
    .z60 {
        font-size: 30px;
    }
    .z56 {
        font-size: 30px;
    }
    .z50 {
        font-size: 26px;
    }
    .z40 {
        font-size: 20px;
    }
    .z46 {
        font-size: 23px;
    }
    .z25 {
        font-size: 18px;
    }
    .z36 {
        font-size: 20px;
    }
    .z22 {
        font-size: 16px;
    }
    .z20 {
        font-size: 15px;
    }
    .z24 {
        font-size: 16px;
    }
    .z30 {
        font-size: 16px;
    }
    .z34 {
        font-size: 26px;
    }
    .course_text_p1 {
        margin-bottom: 15px;
    }
    .scrollcomm {
        position: relative;
        top: 0px;
        opacity: 1;
        filter: alpha(opacity=100);
        zoom: 1;
    }
    .z12 {
        font-size: 13px;
    }
    .z18 {
        font-size: 15px;
    }
}

@media screen and (max-width: 768px) {
    .z100 {
        font-size: 36px;
    }
    .z80 {
        font-size: 30px;
    }
    .z70 {
        font-size: 25px;
    }
    .z68 {
        font-size: 23px;
    }
    .z60 {
        font-size: 22px;
    }
    .z56 {
        font-size: 25px;
    }
    .z50 {
        font-size: 22px;
    }
    .z40 {
        font-size: 18px;
    }
    .z18 {
        font-size: 14px;
    }
    .z16 {
        font-size: 14px;
    }
    .z15 {
        font-size: 13px;
    }
    .z14 {
        font-size: 13px;
    }
    .z36 {
        font-size: 18px;
    }
    .z34 {
        font-size: 16px;
    }
    .mt40 {
        margin-top: 20px;
    }
    .mt40 {
        margin-bottom: 20px;
    }
}

@media screen and (max-width: 560px) {
    .z80 {
        font-size: 22px;
    }
    .z70 {
        font-size: 20px;
    }
    .z68 {
        font-size: 19px;
    }
    .z60 {
        font-size: 18px;
    }
    .z50 {
        font-size: 16px;
    }
    .z100 {
        font-size: 28px;
    }
}

@media screen and (max-width: 420px) {
    .z80 {
        font-size: 18px;
    }
    .z100 {
        font-size: 22px;
    }
}